@charset "utf-8";
/*!
 * Mixins
 */

@mixin block-centered {
	text-align: center;
	&:before {
		content: '';
		display: inline-block;
		height: 100%; 
		vertical-align: middle;
		margin-right: -0.25em;
	}
	.centered {
		display: inline-block;
		vertical-align: middle;
	}
}
 
@mixin unknown-height-center{
	display: table;
	width: 100%;
	.centered {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
	}
}

@mixin transform-center{
	position: relative;
	.centered {
		position: absolute;
		top: 50%;
		left: 50%;
		@each $prefix in '-webkit-', '-moz-', '-ms-', '-o-', '' {
			#{$prefix}transform: translateX(-50%) translateY(-50%);
		}
	}
}

